<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证码</title>
    <script src="/static/js/jquery-1.11.3.min.js"></script>
    <script>
    $(function () {
    　　// 添加点击事件 鼠标浮动时变成小手
    　　$('#change').css('cursor','pointer').click(function () {
    　　　　// 获取到图片的src路径 换一个新的路径 此代码相当与在原来的基础上增加数据
    　　　　$('#yzm').attr('src',$('#yzm').attr('src')+'?1')
    　　})
    })
    </script>
</head>
<body>
<form method="post" action="/verify_yz">
　　{%csrf_token%}
　　<input type="text" name="yzm">
　　<img id="yzm" src="{% url 'p:verify_code' %}"/>
　　{# 这种方法是整个页面刷新 不好用#}
　　<span id="change"><a href="/booktest/verify_show" style="text-decoration:none">看不清楚，换一个</a></span>
　　<span id="change">看不清，换一个</span>
　　<br>
　　<input type="submit" value="提交">
</form>
</body>
</html>